
<html lang="ar">
<head> 
	<link rel="stylesheet" type="text/css" href="colorfiles/hcc_015.css" />

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Html Color Codes</title>

</head>
<body>
<div>
	<div id="main">

	
	

	
	
	
	
	
	
<div id="insertcolor">
أدخل رمز اللون
<input type="text" maxlength="7" value="FFFFFF" id="startcolor" name="startcolor">
<button id="newcolor">ادخل</button>
</div>
<div id="container"></div>
<script type="text/javascript" src="colorfiles/cpcc_002.js"></script>
<script type="text/javascript" language="javascript">
(function() {
 var Event = YAHOO.util.Event, picker, hexcolor;

 Event.onDOMReady(function() {
 picker = new YAHOO.widget.ColorPicker("container", {
 showhsvcontrols: true,
 showhexcontrols: true,
 showwebsafe: false });
			picker.skipAnim=true;	
			var onRgbChange = function(o) {				setTimeout ("document.getElementById('yui-picker-hex').select()", 50);			}
			picker.on("rgbChange", onRgbChange);
			Event.on("newcolor", "click", function(e) {
				hexcolor = cc(document.getElementById('startcolor').value);
				picker.setValue([HexToR(hexcolor), HexToG(hexcolor), HexToB(hexcolor)], false); 
			});
 });
})();
</script>

</div>
</div>
</body>
</html>